<template>
	<div class="remember">
		<div class="label" @click="select=!select">
			<span class="label"><input type="checkbox" v-model="select" @change="$emit('change', 'remember', select)"/></span>
			<span class="me">记住我</span>
			<span class="not">不是自己的电脑上不要勾选此项</span>
		</div>
		<div class="tool">
			<a>无法验证?</a>
			<a>忘记密码?</a>
		</div>
	</div>
</template>

<script>
export default{
	data(){
		return{
			select: true
		}
	}
}
</script>

<style scoped lang="less">
.remember{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 3.5px 0 10px 0;
	.label{
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		span{
			font-size: 12px;
		}
		.me{
			margin-left: 9px;
			margin-right: 10px;
			color: #717171;
		}
		.not{
			color: #bbb;
		}
	}
	.tool{
		display: flex;
		color: var(--cblue);
		a{
			margin-left: 6px;
			margin-right: 4px;
			font-family: "PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif";
			font-size: 12px;
			cursor: pointer;
		}
	}
}
</style>
